<template>
  <div class="m-theFollowUp">
    <div class="m-searchPanel m-searchPanelA">
      <div class="layout-1"><span class="leftLine"></span>查询条件</div>
      <div class="layout-2">
        <el-form :model="searchForm" :inline="true">
          <el-row :gutter="30">
            <el-col :span="6">
              <el-form-item label="类型">
                <el-select v-model="searchForm.value" placeholder="请选择" clearable>
                  <el-option label="登入" value="0"></el-option>
                  <el-option label="登出" value="1"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="途径">
                <el-select v-model="searchForm.value" placeholder="请选择" clearable>
                  <el-option label="PC" value="0"></el-option>
                  <el-option label="APP" value="1"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6" :offset="6" class="searchBtns">
              <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
              <el-button type="primary" plain icon="el-icon-refresh" @click="reset">重置</el-button>
            </el-col>
          </el-row>
        </el-form>
      </div>
    </div>
    <div class="m-dataList">
      <el-table
        :data="dataList"
        style="width: 100%"
        :max-height="800"
        ref="dataList"
      >
        <el-table-column
          prop="date"
          label="用户名">
        </el-table-column>
        <el-table-column
          prop="name"
          label="手机号码"
          width="120">
        </el-table-column>
        <el-table-column
          prop="province"
          label="类型"
          width="120">
        </el-table-column>
        <el-table-column
          prop="city"
          label="时间"
          width="120">
        </el-table-column>
        <el-table-column
          prop="address"
          label="途径"
          width="150">
        </el-table-column>
        <el-table-column
          prop="zip"
          label="IP"
          width="120">
        </el-table-column>
      </el-table>
    </div>
    <div class="m-pagination">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :page-sizes=pagination.pageSizeList
        :current-page=pagination.pageNo
        :page-size=pagination.pageSize
        layout="total, sizes, prev, pager, next"
        :total=pagination.total>
      </el-pagination>
    </div>
  </div>
</template>

<script>
  import * as Utils from '@/utils'
  import * as RealaccountAPI from '@/Api/realaccount'
  export default {
    name: 'TheLiveLogin',
    data () {
      return {
        searchForm: {},
        pagination: Utils.commonPagination(),
        dataList: [],
      }
    },
    components: {},
    methods: {
      handleSizeChange(size) {},
      handleCurrentChange(index) {},
      search(){},
      reset(){},
    }
  }
</script>

<style scoped lang="scss">
</style>
